<template>
  <div>
    <UploadExcel
      :before-upload="beforeUpload"
      :on-success="onSuccess"
    />
  </div>
</template>

<script>
// 引入处理数据格式的工具函数
import { transExcelDataToSouceData } from '@/utils/excelData'
// 引入导入excel的接口
import { importEmployee } from '@/api/employees'
export default {
  name: 'Import',
  methods: {
    //   导入之前做校验
    beforeUpload(file) {
      // 可以校验 文件大小(size)  还有导入的文件是否规范(type 文件类型)
      // 如果校验成功的话 返回一个布尔值 返回值为true时,才会触发下面的解析函数
      console.log(file)

      // 加一个判断  如果大于10KB 提示用户
      const size = file.size / 1024 // 换算成KB
      if (size > 10) {
        this.$message({
          type: 'warning',
          message: '文件大小不得超过10kb'
        })
        return false
      } else {
        this.$message({
          type: 'success',
          message: '上传成功'
        })
        // 跳回到上一页
        this.$router.back()
        return true
      }
    },
    // 插件帮助我们把excel表格转换成了有用的数据 表头数据和表格数据   （ {results, header} ）
    onSuccess(data) {
      console.log(data)
      importEmployee(transExcelDataToSouceData(data.results))
    }
  }
}
</script>

<style>

</style>
